<template name="my">
	<view>
		<pig-custom>
			<block slot="left">我的</block>
		</pig-custom>
		<view class="pig-item margin-top">
			<view class="flex flex-direction justify-center align-center">
				<view class="cu-avatar xl round" style="background-image:url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-4fd14937-bc6a-4a83-af11-a3d0d7b68c17/a717c79d-8f9a-4cbb-aab8-018225f0a4ba.jpg);"></view>
				<view class="padding text-xl">lovely-pig</view>
				<view class="">可爱小猪</view>
			</view>
		</view>
		<view class="cu-list menu sm-border" :class="MenuCard?'card-menu margin-top':''">
			<navigator class="cu-item" :class="MenuArrow?'arrow':''" hover-class="none" :url="'/pages/my/' + item.page" navigateTo v-for="(item, index) in InfoList" :key="index">
				<view class="content">
					<text :class="item.icon" class="text-grey"></text>
					<text class="text-grey">{{item.title}}</text>
				</view>
				<view class="action">
					<text class="text-grey text-sm">{{item.text}}</text>
				</view>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				InfoList: [{
					icon: 'cuIcon-infofill',
					title: '个人信息',
					text: '',
					page: 'person'
				},
				{
					icon: 'cuIcon-settingsfill',
					title: '设置',
					text: '',
					page: 'setting'
				}],
				MenuCard: true,
				MenuArrow: true
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.pig-item {
		overflow: hidden;
		background-color: #ffffff;
		margin-right: 30upx;
		margin-left: 30upx;
		padding-top: 30upx;
		padding-bottom: 30upx;
		border-radius: 20upx
	}
</style>

